import styled from 'styled-components'
import border from '@a/styled/border'

const NavUl = border(styled.ul``)

const Container = styled.div`
    nav{
        overflow-y: scroll;
        height: 6rem;
        background-color: #fff;
        padding: 0 .1rem;
        ul{
            height: .5rem;
            width: 100%;
            display: flex;
            justify-content: space-between; 
            align-items: center; 
            /* border-bottom: 1px solid #ccc; */
            padding-bottom: .1rem;         
            &>li:nth-child(1){
                font-size: .16rem;               
                line-height: .4rem;
                font-weight: bolder;
                span{
                    font-weight: normal;
                    margin: 0 .05rem;
                }
            }
            &>li:nth-child(2){
                height: .2rem;
                width: .54rem;
                border: 1px solid #fff;
                border-radius: .04rem;
                background-color: #308bfe;
                text-align: center;
                line-height: .2rem;
                i{
                    display: block;
                    width: 1rem;
                    height: .6rem;
                    position: fixed;
                    top: .95rem;
                    right: .1rem;
                    background-color: pink;
                    line-height: .6rem;
                    font-size: .16rem;
                    color: green;
                    border-radius: .15rem;
                }
            }
        }
        p{
            height: .3rem;
            width: 100%;
            font-size: .12rem;
            color: #999;
            line-height: .3rem;
            u{
                margin-right: .1rem;
            }
        }
        img{
            height: 1rem;
            width: 100%;
        }
        .img2{
            height: 2rem;
        }
        .img3{
            height: .6rem;
        }
        .img4{
            height: 2rem;
        }
        .main{
            margin: .15rem 0 .1rem;
            font-size: .14rem;
            color: #333;
        }
        h2{
            height: .5rem;
            text-align: center;
            line-height: .5rem;
            font-size: .2rem;
            color: #308bfe;
            span{
                margin-right: .3rem;
            }
        }
    }
`

export {
    Container,
    NavUl
}